<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>桂电天涯社区,Wiki文档,学习经验合作分享中心</title>
<link rel="stylesheet" type="text/css" href="resources/css/common.css"/>
<link rel="stylesheet" type="text/css" href="resources/js/jquery/themes/redmond/jquery.ui.all.css" />
<link rel="stylesheet" type="text/css" href="resources/js/jquery/plugins/css/superfish.css" />
<style type="text/css">

</style>
</head>
<body>
<div class="page">
	<div class="head">
         <a href="index.shtm">to Spring </a>
	<!--  ./head -->
	</div>
	<div class="body">
		<div class="leftCol">
			<div id="accordion">
				<h3 class="category"><a href="#">开发环境</a></h3>
				<div class="categoryNav">
					<ul>
						<li class="categoryItem"><a class="link techLink" href="tech/eclipse/eclipse_index.html">Eclipse使用及经验</a></li>
						<li class="categoryItem"><a href="#">Svn&Subversion使用</a></li>
						<li class="categoryItem"><a href="#">Maven使用</a></li>
					</ul>
				</div>
				<!--  end of one category  -->
				
				<h3 class="category"><a href="#">JavaSE基础问题</a></h3>
				<div class="categoryNav">
					<ul>
						<li class="categoryItem"><a href="#">Java语言基础</a></li>
						<li class="categoryItem"><a href="#">Java集合框架与算法</a></li>
						<li class="categoryItem"><a href="#">Java解惑及经验</a></li>
					</ul>
				</div>
				<!--  end of one category  -->
				
				<h3 class="category"><a href="#">Java测试</a></h3>
				<div class="categoryNav">
					<ul>
						<li class="categoryItem"><a href="#">JUnit4</a></li>
						<li class="categoryItem"><a href="#">TestNG</a></li>
						<li class="categoryItem"><a href="#">DBUnit</a></li>
					</ul>
				</div>
				<!--  end of one category  -->
				
				<h3 class="category"><a href="#">添加其它技术类别</a></h3>
				<div class="categoryNav">
					<ul>
						<li class="categoryItem"><a href="#">添加更多分类</a></li>
					</ul>
				</div>
				<!--  end of one category  -->
			</div>
		<!--  /.leftCol -->
		</div>
		
		<div class="main">
            <div class="contentHold">
            
            	<!-- /.contentHold -->
            </div>
		<!--  /.main -->
		</div>
		
		<!--  /.body -->
		</div>
		
		<!--  /.page -->
	</div>
	
	<script src="resources/js/jquery/jquery-1.6.3.min.js"></script>
	<script src="resources/js/jquery/ui/minified/jquery.ui.core.min.js"></script>
	<script src="resources/js/jquery/ui/minified/jquery.ui.widget.min.js"></script>
	<script src="resources/js/jquery/ui/minified/jquery.ui.accordion.min.js"></script>
	<script src="resources/js/jquery/ui/minified/jquery.ui.button.min.js"></script>
	<script src="resources/js/jquery/plugins/hoverIntent.min.js"></script>
	<script src="resources/js/jquery/plugins/superfish.js"></script>
	<script type="text/javascript">
	$(function() {
		var icons = {
			header: "ui-icon-circle-arrow-e",
			headerSelected: "ui-icon-circle-arrow-s"
		};
		$( "#accordion" ).accordion({
			icons: icons
		});
		
		/* 处理导航内容 **/
		$(".techLink").click(function(e){
		var link = $(this);
		var href = link.attr('href');
			loadTech(href);
			e.preventDefault();
			return false;
		})
		
		/* 加载导航内容 **/
		function loadTech(path){	
			$.get(path,function(data){
				$(".contentHold").html(data);
			});
		}

		/* 初始化菜单插件 **/
		$("ul.sf-Menu").superfish();
		
	});
	</script>
</body>
</html>

